.drawDotBox{
	.draggableBox{
		width: 100%;
		height: 300px;
		position: relative;
		.dot{
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(0,0,0,.2);
			width: 30px;
			height: 30px;
			cursor: pointer;
			button{
				position: absolute;
				left: 50px;
				top: 50px;
			}
			.tip{
				position: absolute;
				left: 0;
				top: 0;
				border-radius: 50%;
				background: red;
				width: 6px;
				height: 6px;
			}
		}

	}
	.toolBox{
		display: flex;
		.clearfix{
			>span{
				display: flex;
			}
		}
	}
	.xyBox{
		border: 1px solid #4272a0;
		border-radius: 4px;
		>p{
			text-align: center;
			border-bottom: 1px solid #4272a0;
		}
		.xyContent{
			min-height: 200px;
			li{
				padding: 5px 10px;
			}
		}
	}
}

